<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.9.1.min.js"></script>
        <link href="<?php echo base_url(); ?>/bootstrap/css/bootstrap.css" rel="stylesheet">
		<link href="<?php echo base_url(); ?>css/estilos.css" rel="stylesheet">
        <script type="text/javascript" src="<?php echo base_url(); ?>bootstrap/js/bootstrap.js"></script>
		
        <link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Della+Respira' rel='stylesheet' type='text/css'>
	<title>EasyCook</title>

        
                <style>
          body {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
          }
        </style>
        
            <link href="<?php echo base_url(); ?>bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="<?php echo base_url(); ?>assets/js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>

    <div class="container">
<!--div id="container"-->
	
	<div class="Banner">
                        <a href="<?=site_url('users_Controller/loadInit')?>" target="_blank"> 
		<img class="logo" src="<?php echo base_url(); ?>images/logo.png" alt="" height="150" width="150">
		</a>
                <h3 class="logoTitle">EasyCook</h3>
	</div>	
	<br>
	<div id="mainBody">
		<form id="LoginForm" class="form-horizontal" enctype="multipart/form-data" action="<?=site_url('plan_manager/getPlan')?>" method="post">
	
	
			<div class="control-group">
				<p class="textP">The nutritional plan will fit up with your health conditions and will build a dietary and excercise plan for the number of days specified, with 6 days maximum. </p>
			<br>
			<p class="textP"> You are at a few steps to obtain your plan. Just fill the data as precise as you can:</p>
			<br>
				<label class="control-label" for="nameID">Name</label>
				<div class="controls">
				  <input type="text" id="nameID" class="span3" name="name">
				</div>
			  </div>
			
			<div class="control-group">
				<label class="control-label" for="nameID">Age</label>
				<div class="controls">
				  <input id="age" type="number" name="age" class="input-large">
				</div>
			  </div>
			  
			  <div class="control-group">
				<label class="control-label" for="Weight">Weight</label>
				<div class="controls">
				  <input type="text" id="weight" class="span3" name="weight" >
				</div>
			  </div>
			  
			  <div class="control-group">
				<label class="control-label" for="Height">Height</label>
				<div class="controls">
				  <input type="text" id="height" class="span3" name="height">
				</div>
			  </div>
			  
			   <div class="control-group">
				<label class="control-label" for="gen">Gender</label>
				<div class="controls">
				 <select class="span3" id="gender" name="gender">
					<option value="m">Male</option>
					<option value="f">Female</option>
					<option value="o">Other</option>
					
              </select>
				</div>
			  </div>
			  
			   <div class="control-group">
				<label class="control-label" for="days">Number of plan days:</label>
				<div class="controls">
				 <select id="days" class="span3" name="daysPlan">
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5</option>
					<option value="6">6</option>
					<option value="7">7</option>
              </select>
				</div>
			  </div>
			  
			   
			  
			  <p class="textP">
				Medical Condition
			  </p>
			  <br>
			  <div class="control-group">
				<div class="controls">
				  <label class="checkbox">
					<input id="hypertense" type="checkbox"> Hypertension
				  </label>
				  
				</div>
			  </div>
			  			  
			   <div class="control-group">
				<div class="controls">
				  <label class="checkbox">
					<input id="lactose" type="checkbox"> Lactose Intolerance
				  </label>
				 
				</div>
				</div>
				<div class="control-group">
				<div class="controls">
				  <label class="checkbox">
					<input id="celiac" type="checkbox"> Celiac
				  </label>
				</div>
				</div>

				<div class="control-group">
				<div class="controls">
				  <label class="checkbox">
					<input id="vegan" type="checkbox"> Vegetarian
				  </label>
			
				
				</div>
			  </div>
			  
        	 <div class="form-actions">
				  <input class="btn btn-large btn-success" id="planButton" type="submit" value="Calculate!" />
			</div>
		</form>
	</div>

	<p class="footer">Freelancers, Hackaton 2013, San Jose Costa Rica</p>
</div>

</body>
</html>